@charset "utf-8";
/** Copyright (C) 陈星 版权所有 All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Websites: http://www.xingzai.org
 * Author: 陈星 sale@xingzai.org
 */

 /***********************Style-1************************/
.cxxArticles.style-1 {padding-top: 10px;text-align: center;}
.cxxArticles.style-1 .item {margin-bottom: 20px;}
.cxxArticles.style-1 .note {margin-bottom: 20px;color: #666;}
.cxxArticles.style-1 .img-link {display: block;}
.cxxArticles.style-1 h4 {font-size: 18px;padding: 0 5px;}
.cxxArticles.style-1 .intro {color: #888;font-size: 12px;padding: 10px 5px;}
.cxxArticles.style-1 .more {margin:20px 0;position: relative;}
.cxxArticles.style-1 .more:before {
	position: absolute;
	content: '';
	display: block;
	border-top: solid 1px #CCC;
	top:50%;
	left: 0;
	right: 0;	
	z-index: 9;
}
.cxxArticles.style-1 .more a:link , .cxxArticles.style-1 .more a:visited {
	border:solid 1px #CCC;
	background-color: #e8e8e8;
	color: #888;
	font-size: 12px;
	padding: 5px 20px;
	position: relative;
	z-index: 10;
}
.cxxArticles.style-1 .more a:hover {background: #eee;}

 /***********************Style-2************************/
.cxxArticles.style-2 {padding-top: 10px;text-align: center;}
.cxxArticles.style-2 .item {padding: 0 10px;margin-bottom: 20px;}
.cxxArticles.style-2 .note {margin-bottom: 20px;color: #666;}
.cxxArticles.style-2 .inner {
	background-color: #FFF;
	border:solid 1px #DDD;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
    	box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}
.cxxArticles.style-2 .intro {color: #888;font-size: 12px;padding: 10px 5px;}
.cxxArticles.style-2 .img-link {display: block;}
.cxxArticles.style-2 h4 {font-size: 16px;border-top: solid 1px #DDD;line-height: 34px;margin:0;padding: 0 5px;}
.cxxArticles.style-2 .more {margin:20px 0;position: relative;}
.cxxArticles.style-2 .more:before {
	position: absolute;
	content: '';
	display: block;
	border-top: solid 1px #CCC;
	top:50%;
	left: 0;
	right: 0;	
	z-index: 9;
}
.cxxArticles.style-2 .more a:link , .cxxArticles.style-2 .more a:visited {
	border:solid 1px #CCC;
	background-color: #e8e8e8;
	color: #888;
	font-size: 12px;
	padding: 5px 20px;
	position: relative;
	z-index: 10;
}
.cxxArticles.style-2 .more a:hover {background: #eee;}
.cxxArticles.style-2 .gray h4 {background-color: #eee;color: #888;}
.cxxArticles.style-2 .yellow h4 {background-color: #1bbde8;color: #FFF;}
.cxxArticles.style-2 .green h4{background-color: #35af7c;color: #FFF;}
.cxxArticles.style-2 .green2 h4{background-color: #9bcc00;color: #FFF;}
.cxxArticles.style-2 .blue h4{background-color: #3f9bc6;color: #FFF;}
.cxxArticles.style-2 .magenta h4{background-color: #f1635f;color: #FFF;}
.cxxArticles.style-2 .purple h4{background-color: #d45881;color: #FFF;}
.cxxArticles.style-2 .inner.gray {border-color: #eee;}
.cxxArticles.style-2 .inner.yellow {border-color: #1bbde8;}
.cxxArticles.style-2 .inner.green {border-color: #35af7c;}
.cxxArticles.style-2 .inner.green2 {border-color: #9bcc00;}
.cxxArticles.style-2 .inner.blue {border-color: #3f9bc6;}
.cxxArticles.style-2 .inner.magenta {border-color: #f1635f;}
.cxxArticles.style-2 .inner.purple {border-color: #d45881;}
/************************atricles-list**********************/
.cxxArticlesList a:link , .cxxArticlesList a:visited {line-height: 24px;color: #666;}
.cxxArticlesList a:hover {color: #1bbde8;}
.cxxArticlesList .clink {line-height: 24px;display: inline-block;}
.cxxArticlesList .gray .clink:link , .cxxArticlesList .gray .clink:visited {color: #eee;}
.cxxArticlesList .yellow .clink:link , .cxxArticlesList .yellow .clink:visited  {color: #1bbde8;}
.cxxArticlesList .green .clink:link , .cxxArticlesList .green .clink:visited {color: #35af7c;}
.cxxArticlesList .green2 .clink:link , .cxxArticlesList .green2 .clink:visited {color: #9bcc00;}
.cxxArticlesList .blue .clink:link , .cxxArticlesList .blue .clink:visited {color: #3f9bc6;}
.cxxArticlesList .magenta .clink:link , .cxxArticlesList .magenta .clink:visited {color: #f1635f;}
.cxxArticlesList .purple .clink:link , .cxxArticlesList .purple .clink:visited {color: #d45881;}
.cxxArticlesList .gray .clink:hover ,.cxxArticlesList .yellow .clink:hover,.cxxArticlesList .green .clink:hover,.cxxArticlesList .green2 .clink:hover ,.cxxArticlesList .blue .clink:hover , .cxxArticlesList .magenta:hover , .cxxArticlesList .purple .clink:hover {color: #666;}
/*分类名称*/
.cxxArticlesList .ctitle {line-height: 24px;padding:2px 4px;font-size: 12px;}
.cxxArticlesList .gray .ctitle {color:#FFF;background-color: #eee;}
.cxxArticlesList .yellow .ctitle {color:#FFF;background-color: #1bbde8;}
.cxxArticlesList .green .ctitle {color:#FFF;background-color: #35af7c;}
.cxxArticlesList .green2 .ctitle {color:#FFF;background-color: #9bcc00;}
.cxxArticlesList .blue .ctitle {color:#FFF;background-color: #3f9bc6;}
.cxxArticlesList .magenta .ctitle {color:#FFF;background-color: #f1635f;}
.cxxArticlesList .purple .ctitle {color:#FFF;background-color: #d45881;}
.cxxArticlesList li {
	position: relative;	
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
    	white-space: nowrap;
	padding-left: 5px;
	padding-right: 69px;
	padding-top: 5px;
	padding-bottom: 5px;	
	border-bottom: dotted 1px #DDD;
}
.cxxArticlesList li:after {
	content: "";
	display: table;
	clear: both;
}
.cxxArticlesList .date {	
	display: inline-block;
	line-height: 24px;
	position: absolute;
	top:50%;
	margin-top: -10px;
	right: 5px;
}
/***************atriclesTab-1*****************/
.atriclesTab-1 h2 {
	float: left;
    	display: inline;
    	line-height: 34px;
    	font-size: 20px;
}
.atriclesTab-1 .nav {float: right;border-bottom: none;}
.atriclesTab-1 .nav li {float: right;}
.atriclesTab-1 .nav a:link , .atriclesTab-1 .nav a:visited {
	padding: 0 15px;
	line-height: 34px;
	margin-right: 0;
	border-radius:0;	
}
.atriclesTab-1 .nav .active a:link , .atriclesTab-1 .nav .active a:visited {border-top-width: 2px;}
.atriclesTab-1 .nav .active a:focus {outline: none;}
.atriclesTab-1 .nav a:hover {
	border-color: transparent;
	background-color: transparent;
}
.atriclesTab-1.gray .nav .active a:link , .atriclesTab-1.gray .nav .active a:visited {border-top-color: #DDD;}
.atriclesTab-1.yellow .nav .active a:link , .atriclesTab-1.yellow .nav .active a:visited {border-top-color: #1bbde8;}
.atriclesTab-1.green .nav .active a:link , .atriclesTab-1.green .nav .active a:visited {border-top-color: #35af7c;}
.atriclesTab-1.green2 .nav .active a:link , .atriclesTab-1.green2 .nav .active a:visited {border-top-color: #9bcc00;}
.atriclesTab-1.blue .nav .active a:link , .atriclesTab-1.blue .nav .active a:visited {border-top-color: #3f9bc6;}
.atriclesTab-1.magenta .nav .active a:link , .atriclesTab-1.magenta .nav .active a:visited {border-top-color: #f1635f;}
.atriclesTab-1.purple .nav .active a:link , .atriclesTab-1.purple .nav .active a:visited {border-top-color: #d45881;}
.atriclesTab-1 .tab-content {
	text-align: center;	
	border: solid 1px #DDD;	
}
.atriclesTab-1 .inner {padding: 10px;}
.atriclesTab-1 .inner h4 {font-size: 14px;	color: #888;}
@media (max-width:768px) {
	.atriclesTab-1 .tab-content {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.atriclesTab-1 .item {border-bottom: solid 1px #DDD; width: 50%;}
	.atriclesTab-1 h2 {
		float: none;
		text-align: center;		
		margin-bottom: 10px;	
		display: block;				
	}
	.atriclesTab-1 .nav {
		padding: 0 5px;
		text-align: center;
		float: none;
		white-space: nowrap;
    		overflow: hidden;
    		overflow-x: scroll;
    		-webkit-backface-visibility: hidden;
    		-webkit-perspective: 1000;
    		-webkit-overflow-scrolling: touch;
		height: 36px;
	}
	.atriclesTab-1 .nav li {float: none;display: inline-block;}
	.atriclesTab-1 .nav a:link , .atriclesTab-1 .nav a:visited {padding: 0 5px;}
}
/***********************atriclesCarousel**************************/
.atriclesCarousel .T {
	line-height: 24px;	
	display: block;	
}